<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/jsp/pages/include/global.jsp" %>

<c:set target="${self}" property="title">系统菜单管理</c:set>

<c:set target="${self.css}" property="plugins">
<link href="${self.path.metronic}/assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
</c:set>

<c:set target="${self.js}" property="plugins">
<script src="${self.path.metronic}/assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.css}" property="main">

</c:set>

<c:set target="${self.js}" property="main">
<script src="${self.path.resources}/console/js/menu.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.content}" property="main">
 <div class="row">
    <div class="col-md-6">
        <div class="portlet light ">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-social-dribbble font-blue-sharp"></i>
                    <span class="caption-subject font-blue-sharp bold uppercase">系统菜单树</span>
                </div>
                
            </div>
            <div class="portlet-body">
                <div id="menu_tree" class="tree-demo">
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="portlet light ">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-bubble font-green-sharp"></i>
                    <span class="caption-subject font-green-sharp bold uppercase">菜单详情</span>
                </div> 
            </div>
            <div class="portlet-body">
                <form action="#" class="form-horizontal" id="menuViewForm">
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单名称</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control"  name="menuName" readOnly>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单描述</label>
				            <div class="col-md-8">
				                 <textarea class="form-control"  name="menuDesc" readOnly></textarea>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单链接</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control"  name="menuUrl" readOnly>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单图标</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control"  name="menuIcon" readOnly>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单排序</label>
				            <div class="col-md-8">
				                 <input type="input" class="form-control" name="menuWeight" readOnly>
				            </div>
				        </div>
				    </div>
				</form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade bs-modal-lg" id="menuEditDialog" tabindex="-1" role="dialog" aria-hidden="false">
	<div class="modal-dialog">
	    <div class="modal-content" id="menuEditDialogContent">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	            <h4 class="modal-title">机构定义</h4>
	        </div>
	        <div class="modal-body">
	        	<form action="#" class="form-horizontal" id="menuForm">
	        		<input type="hidden" class="form-control" name="menuParent">
	        		<input type="hidden" class="form-control" name="menuId">
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单名称</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control"  name="menuName" >
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单描述</label>
				            <div class="col-md-8">
				                 <textarea class="form-control"  name="menuDesc" ></textarea>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单链接</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control"  name="menuUrl">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单图标</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control"  name="menuIcon">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">菜单排序</label>
				            <div class="col-md-8">
				                 <input type="input" class="form-control" name="menuWeight">
				            </div>
				        </div>
				    </div>
				</form>
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn green ok">保存</button>
	            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
	        </div>
	    </div>
	    <!-- /.modal-content -->
	</div>
<!-- /.modal-dialog -->
</div>
</c:set>

<%@ include file="/WEB-INF/views/jsp/pages/include/main.jsp"%>